
<template>
  <div>main1:countModel:{{countModel}}</div>
  <hr>
  <div>main2:bookTitle:{{bookTitle}}</div>
  <div>main2:firstName:{{firstName}}</div>
  <div>main2:lastName:{{lastName}}</div>
  <hr>
  <demo-define-model-echo v-model:hello="countModel"></demo-define-model-echo>
  <hr>
  <UserName v-model:title="bookTitle"  v-model:firstName="firstName" v-model:lastName="lastName" />
  <hr>
</template>
<script setup>
import {ref} from "vue";
import DemoDefineModelEcho from "@/views/testdeepcomponent/definemodel/DemoDefineModelEcho.vue";
import UserName from "@/views/testdeepcomponent/definemodel/UserName.vue";
let countModel = ref(1000);
let bookTitle = ref("vue3booktitle");
let firstName=ref("yangb2008")
let lastName=ref("ant")
</script>

